<!-- !回车 快速生成代码 -->

<!-- -->
<!--注释-->

<!-- !DOCTYPE: 版本-->
<!DOCTYPE html>
<!-- 语言：英语 （可以提高浏览器对页面的快速解析） -->
<html lang="en">
<head>
    <!-- 字符集：解决乱码问题 -->
    <meta charset="UTF-8">
    <!-- 适应设别的正常显示 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML入门2</title>
</head>
<body>
    大家中午吃什么<br>
    好吃的<br>
    给我说说<br>
    <!-- br为换行标签 -->

    <!-- p段落标签 -->
    <!-- 文字组与文字组之间有空行-->
    <!-- 属性 -->
    <!-- left right center -->
    <p align="center" >
        相思<br>
        唐·王维 <br> 
       红豆生南国，<br>
       春来发几枝。<br>
       愿君多采撷，<br>
       此物最相思。<br>
    </p>

    <!-- hr -->
    <!-- 水平线标签 -->
    haha
    <hr color="red" size="10" width="500" align="center">
    <hr color="green" size="5" width="50%" align="left">
    hehe

    <!-- 容器标签 -->
    <!-- div 特点：独占一行 作用：与css一起进行页面布局-->
    <!-- haha在这里独占一行 -->
    <div>haha</div>hehe
    <!-- span 作用：完成错误提示 -->


    <!-- 标题标签 h1~h6 -->
    <h1>标题1</h1>
    <h2>标题1</h2>
    <h3>标题1</h3>
    <h4>标题1</h4>
    <h5>标题1</h5>
    <h6>标题1</h6>
    <h7>标题1</h7><br>
    <!-- 没有h7，以正文形式显示,不存在换行 -->

    <!-- 字体标签 font color="red" face="宋体" size="最大为7" -->
    <font color="blue" face="宋体" size="4">字体展示1</font><br>
    <font color="blue" face="宋体" size="7">字体展示2</font><br>
    <font color="blue" face="宋体" size="8">字体展示3</font>

</body>
</html>